<%--
  Created by IntelliJ IDEA.
  User: 自由如风
  Date: 2018/6/10
  Time: 17:33
  To change this template use File | Settings | File Templates.
--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<a href="/user/showAUser?userId=${sessionScope.get("userId")}">个人信息</a><br/>
<a href="/logout">退出登录</a>

</body>
</html>--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  com.yishu.entity.User: 自由如风
  Date: 2018/6/6
  Time: 15:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>叮叮书店</title>
    <link href="${pageContext.request.contextPath}/style.css" rel="stylesheet" type="text/css">
    <meta name="author" content="张树明">
    <meta name="keywords" content="书店,叮叮书店,图书">
    <meta name="description" content="叮叮书店是一个销售书籍的网上书店。">
    <meta name="${pageContext.request.contextPath}/robots" content="index,follow">
    <script type="${pageContext.request.contextPath}/text/javascript" src="js/main.js"></script>
</head>
<body>
<div id="advl"><a href="#"><img src="${pageContext.request.contextPath}/images/adv1.gif" alt="广告" /></a></div>
<div id="closel"><img src="${pageContext.request.contextPath}/images/close1.jpg" alt="关闭" /></div>
<div id="advr"><a href="#"><img src="${pageContext.request.contextPath}/images/adv1.gif" alt="广告" /></a></div>
<div id="closer"><img src="${pageContext.request.contextPath}/images/close1.jpg" alt="关闭" /></div>
<!--页眉-->
<div id="header-wrapper">
    <!--网站logo-->
    <header class="container" id="advaddr">
        <div id="logo">
            <a href="${pageContext.request.contextPath}/showBookList"><h1>益书</h1></a>
        </div>
        <div id="search">
            <form action="${pageContext.request.contextPath}/searchBook" method="get">
                <input type="text" name="keyWord" placeholder="站内搜索"><input type="submit" value="搜索">
            </form>
        </div>
    </header>
    <!--导航菜单-->
    <div id="nav">
        <nav class="container">
            <ul>
                <li><a href="${pageContext.request.contextPath}/showBookList">首页</a></li><li>
                <a href="#">书籍分类</a>
                <ul>
                    <li><a href="#">编程语言</a></li><li>
                    <a href="#">数据库</a></li><li>
                    <a href="#">图形图像</a></li>
                </ul>
            </li><li>
                <a href="#">特刊降价</a></li><li>
                <a href="${pageContext.request.contextPath}/user/goUserCenter">个人中心</a></li><li>
                <a href="${pageContext.request.contextPath}/userLogin.jsp">用户登录</a></li>
            </ul>
            <div id="displaydate"></div>
            <div id="displaytime"></div>
            <div id="menu-logo">
                <a href="${pageContext.request.contextPath}/user/showShop?userId=${sessionScope.get("userId")}">购物车</a>
            </div>
        </nav>
    </div>
</div>
<!--内容-->
<div id="content-wrapper" class="container">
    <!--左边内容区-->
    <article>
        <!--图片切换广告-->
        <div id="adv">
            <dl>
                <dt> <a href="#" id="a1">1</a> <a href="#" id="a2">2</a> <a href="#" id="a3">3</a> <a href="#" id="a4">4</a> </dt>
                <dd> <a href="#"><img src="${pageContext.request.contextPath}/images/b-ad1.jpg" id="badimg" alt="广告" /></a> </dd>
            </dl>
        </div>
        <!--本周推荐-->
        <section>
            <h2 id="title1">个人中心</h2>
            <a href="${pageContext.request.contextPath}/user/showAUser?userId=${sessionScope.get("userId")}">个人信息</a><br/>
            <a href="${pageContext.request.contextPath}/logout">退出登录</a>
            <%-- <section class="recommend">
                 <h3>《JavaScript权威指南》</h3>
                 <a href="#"><img src="images/prod3.jpg" alt="JavaScript权威指南"></a><div class="recommend-content"><p>经典的JavaScript工具书，从1996年以来，本书已经成为JavaScript程序员心中的《圣经》。</p>
                 <p>David Flanagan，是一名程序员，也是一名作家 。他在O’Reilly出版的其他畅销书还包括《JavaScript Pocket Reference》、《The Ruby
                     Programming Language》、以及《Java in a
                     Nutshell》。David毕业于麻省理工学院，获得计算机科学与工程学位。他和妻子和孩子一起生活在西雅图和温哥华之间的美国太平洋西北海岸。</p></div>
                 <div class="cartmore"><a class="cart" href="cart.html">加入购物车</a>
                     <a class="more" href="details.html">详细内容</a></div>
             </section>--%>
        </section>


    </article><!--右边边栏区--><aside>
    <!--广告区-->
    <section id="advert">
        <a href="#"><img src="${pageContext.request.contextPath}/images/ad1.jpg" alt="广告"></a>
        <a href="#"><img src="${pageContext.request.contextPath}/images/ad2.jpg" alt="广告"></a>
        <a href="#"><img src="${pageContext.request.contextPath}/images/ad3.jpg" alt="广告"></a>
    </section>
    <div class="border"><img src="${pageContext.request.contextPath}/images/border.gif" alt="分隔线" /></div>
    <!--畅销图书-->
    <section id="best-selling">
        <h2 id="title7">畅销图书</h2>
        <ul>
            <li><a class="selling" href="#">查令十字街84号（珍藏版）（汤唯、吴秀波主演北京遇上西雅图2）</a>
                <div class="curr">
                    <div class="p-img">
                        <a title="查令十字街84号（珍藏版）（汤唯、吴秀波主演北京遇上西雅图2）" href="#">
                            <img width="80" height="80" src="${pageContext.request.contextPath}/images/selling1.jpg">
                        </a>
                    </div>
                    <div class="p-name">
                        <a title="查令十字街84号（珍藏版）（汤唯、吴秀波主演北京遇上西雅图2）" href="#">查令十字街84号（珍藏版）（汤唯、吴秀波主演北京遇上西雅图2）</a>
                        <strong>￥43.50</strong>
                        <del>￥52.00</del>
                    </div>
                </div>
            </li>
            <li><a class="selling" href="#">分享经济 供给侧改革的新经济方案</a>
                <div class="curr">
                    <div class="p-img">
                        <a title="分享经济 供给侧改革的新经济方案" href="#">
                            <img width="80" height="80" src="${pageContext.request.contextPath}/images/selling2.jpg">
                        </a>
                    </div>
                    <div class="p-name">
                        <a title="分享经济 供给侧改革的新经济方案" href="#">分享经济 供给侧改革的新经济方案</a>
                        <strong>￥43.50</strong>
                        <del>￥52.00</del>
                    </div>
                </div>
            </li>
            <li><a class="selling" href="#">我喜欢这个功利的世界</a>
                <div class="curr">
                    <div class="p-img">
                        <a title="我喜欢这个功利的世界" href="#" target="_blank">
                            <img width="80" height="80" src="${pageContext.request.contextPath}/images/selling3.jpg">
                        </a>
                    </div>
                    <div class="p-name">
                        <a title="我喜欢这个功利的世界" href="#" target="_blank">我喜欢这个功利的世界</a>
                        <strong>￥43.50</strong>
                        <del>￥52.00</del>
                    </div>
                </div>
            </li>
            <li><a class="selling" href="#">谁不曾浑身是伤，谁不曾彷徨迷惘</a>
                <div class="curr">
                    <div class="p-img">
                        <a title="谁不曾浑身是伤，谁不曾彷徨迷惘" href="#" target="_blank">
                            <img width="80" height="80" src="${pageContext.request.contextPath}/images/selling4.jpg">
                        </a>
                    </div>
                    <div class="p-name">
                        <a title="谁不曾浑身是伤，谁不曾彷徨迷惘" href="#" target="_blank">谁不曾浑身是伤，谁不曾彷徨迷惘</a>
                        <strong>￥43.50</strong>
                        <del>￥52.00</del>
                    </div>
                </div>
            </li>
            <li><a class="selling" href="#">精进：如何成为一个很厉害的人</a>
                <div class="curr">
                    <div class="p-img">
                        <a title="精进：如何成为一个很厉害的人" href="#" target="_blank">
                            <img width="80" height="80" src="${pageContext.request.contextPath}/images/selling5.jpg">
                        </a>
                    </div>
                    <div class="p-name">
                        <a title="精进：如何成为一个很厉害的人" href="#" target="_blank">精进：如何成为一个很厉害的人</a>
                        <strong>￥43.50</strong>
                        <del>￥52.00</del>
                    </div>
                </div>
            </li>
        </ul>
    </section>
    <div class="border"><img src="${pageContext.request.contextPath}/images/border.gif" alt="分隔线" /></div>
    <!--图书分类-->
    <section class="aside-section">
        <h2 id="title4">图书分类</h2>
        <ul>
            <li><a href="#">编程语言</a></li>
            <li><a href="#">数据库</a></li>
            <li><a href="#">图形图像</a></li>
            <li><a href="#">网页制作</a></li>
            <li><a href="#">考试认证</a></li>
        </ul>
    </section><!--合作伙伴--><section class="aside-section">
    <h2 id="title5">合作伙伴</h2>
    <ul>
        <li><a href="#">中国电子商务研究中心</a></li>
        <li><a href="#">清华大学出版社</a></li>
        <li><a href="#">中国人民大学出版社</a></li>
        <li><a href="#">中国社会科学出版社</a></li>
    </ul>
</section>
    <div class="border"><img src="${pageContext.request.contextPath}/images/border.gif" alt="分隔线" /></div>
    <!--关于书店-->
    <section class="about">
        <h2 id="title6">关于书店</h2>
        <img src="${pageContext.request.contextPath}/images/about.gif" alt="叮叮书店"><p>益书是由于对于现在的二手书籍，资料等资源浪费情况严重，而许多同学又有购买二手书籍，等级考研等考试资料的一个需求，所以需要有一个这样的项目，对资源最大化的利用起来，也极大的满足同学们的一个需求。</p>
    </section>
</aside>
</div>
<!--页脚-->
<div id="footer-wrapper">
    <!--页脚导航-->
    <footer class="container">
        <section>
            <a href="${pageContext.request.contextPath}/showBookList">首页</a> <a href="#">关于我们</a> <a href="#">服务条款</a> <a href="#">隐私策略</a> <a href="contact.html">联系我们</a>
        </section>
    </footer>
</div>
<!--版权标志-->
<section id="copyright" class="container">
    Copyright (C) <a href="#">益书</a> 2016-2018, All Rights Reserved
    <address>通讯地址：四川旅游学院 读者服务部&nbsp;&nbsp;电话：（010）62781733&nbsp;&nbsp;网管信箱：netadmin@tup.tsinghua.edu.cn</address>
</section>
</body>
</html>